<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html> <!--<![endif]-->

<html lang="zh_CN" class="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>${biaotitihuan}</title>

<!--[if lt IE 9]>
  <script src="/Web/Web_Wj/cssjs/js/html5shiv.js"></script>
  <script src="/Web/Web_Wj/cssjs/js/es5-shim.js"></script>
  <script src="/Web/Web_Wj/cssjs/js/es5-sham.js"></script>
  <![endif]-->

<link href="/Web/Web_Wj/cssjs/css/bootstrap.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main-v2.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main-purple.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main-purple.css" rel="stylesheet" />
</head>
<body class="es-main-purple es-nav-default register">

<!--[if lt IE 9]>
<script src="/Web/Web_Wj/cssjs/js/fix-ie.js"></script>
<style>
  .lt-ie9 {
    overflow: hidden;
  }
  .ie-mask {
    z-index: 999999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: #000;
  }
  .ie-alert-wrap {
    position: absolute;
    z-index: 1000000;
    margin: -200px auto 0;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
  }
  .ie-alert {
    width: 514px;
    height: 397px;
    margin: 0 auto;
  }
  .ie-alert__chrome,
  .ie-alert__firefox {
    position: absolute;
    z-index: 1000001;
    display: block;
    bottom: 48px;
    width: 60px;
    height: 80px;
  }
  .ie-alert__chrome {
    left: 50%;
    margin-left: -80px;
  }
  .ie-alert__firefox {
    right: 50%;
    margin-right: -80px;
  }
</style>
<div class="ie-mask"></div>
<div class="ie-alert-wrap">
  <div class="ie-alert" style="background:url('/Web/Web_Wj/cssjs/images/browser_update.png')">
    <a href="http://www.baidu.com/s?wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8" target="_blank" class="ie-alert__chrome"></a>
    <a href="http://firefox.com.cn/download/" target="_blank" class="ie-alert__firefox"></a>
  </div>
</div>

<![endif]-->

<div class="es-wrap">
<header class="es-header navbar zero-inside-header">
  <div class="navbar-header"> <a href="/" class="navbar-brand"> <img src="${logotihuan}"> </a> </div>
  <nav class="collapse navbar-collapse"> ${inide:head.html} </nav>
</header>
  <div id="content-container" class="container">
    <div class="row" style="background-color:#fff">
      <div class="col-md-6">
        <div class="es-section login-section" style="margin-right:0px;border:none">
          <div class="logon-tab clearfix"> <a href="/login/">登录帐号</a> <a class="active">${biaotitihuan}</a> </div>
          <div class="login-main">
            <form id="register-form" method="post" action="">
              <div class="form-group mbl">
                <label class="control-label required" for="register_mobile">手机号码</label>
                <div class="controls">
                  <input type="number" id="register_mobile" name="verifiedMobile"  class="form-control input-lg" data-url="/${xieyiurltihuan}?check=number" placeholder="填写你的登录手机号">
                  <p class="help-block"></p>
                </div>
              </div>
              <!--
              <div class="form-group mbl">
                <label class="control-label required" for="register_nickname">用户名</label>
                <div class="controls">
                  <input type="text" name="nickname" class="form-control" data-url="/register?check=nickname" placeholder="中、英文均可，最长18个英文或9个汉字">
                  <p class="help-block"></p>
                </div>
              </div>
              -->
              <div class="form-group mbl">
                <label class="control-label required" for="register_password">密码</label>
                <div class="controls">
                  <input type="password" id="register_password" name="password" class="form-control input-lg" onkeyup="value=value.replace(/[^\w\/]/ig,'')" placeholder="5-20位英文、数字、不支持符号和中文" maxlength="20" required>
                  <p class="help-block"></p>
                </div>
              </div>
				<div class="form-group mbl  email_mobile_msg">
							<label class="control-label required" for="sms_code">短信验证码</label>
							<div class="controls cd-row">
								<div class="col-xs-6">
									<input type="text" maxlength="6" class="form-control input-lg" id="sms_code" name="sms_code" placeholder="填写短信验证码" data-url="/${xieyiurltihuan}?check=code">
									<p class="help-block"> </p>
								</div>
								<div class="col-xs-6">
									<a href="javascript:;" class="btn btn-default sms-send-btn js-sms-send-btn disabled" data-sms-url="/edu_cloud/sms_send_registration">
										<span id="js-time-left"></span>
										<span id="js-fetch-btn-text">获取验证码</span>
									</a>
								</div>
							</div>
						</div>
              <div class="form-group mbl">
                <div class="controls">
                  <button type="submit" id="register-btn" data-submiting-text="正在提交..." class="btn btn-primary btn-lg btn-block">开始${biaotitihuan}</button>
                </div>
              </div>
              <div class="form-group mbl">
                <div class="controls"> <span>请详细阅读</span> <a target="_blank">《用户服务协议》</a> </div>
              </div>
            </form>
            <div class="social-login"> <span> <a href="#" class="social-icon social-qq"> <i class="es-icon es-icon-qq"></i> </a> <a href="#" class="social-icon social-weixin"> <i class="es-icon es-icon-weixin"></i> </a> </span>
              <div class="line"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6" style="position:relative;height:100%;margin:0px atuo;">
        <div style="position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #f1f1f1;
    margin-top: 10px;
    z-index: 100;
"></div>
        <div class="es-section login-section wwk" style="margin:0px atuo;margin-left:0px;height:100%;border:none;display:flex;
align-items:center;
justify-content:center;"><a ><img src="${dengluyemianxuanchuantu}" class="img-responsive"></a></div>
      </div>
    </div>
    <style>
         .wwk img{
    width:100%;
    height:100%;
}
     </style>
  </div>
${inide:footer.html}
</div>


<script>
  if (typeof app === 'undefined') {
      var app = {};
  }
</script> 
<script src="/Web/Web_Wj/cssjs/js/translator.min.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/zh_cn.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/vendor.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/common.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/main.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/main.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/bootstrap-datetimepicker.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/jquery-validation.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/index1.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/index2.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/perfect-scrollbar.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/index.js"></script> 
<script type="text/javascript">
  window.seajsBoot && window.seajsBoot();
</script>
</body>
</html>